<!-- 联系我们 -->
<template>
	<view class='contact'>
		<image class='img'
			src="https://img0.baidu.com/it/u=865112164,3811307004&fm=253&fmt=auto&app=138&f=JPEG?w=900&h=305"></image>
		<view class='info'>
			<view @click="phone">联系电话：19950720528（点击拨打）</view>
			<view>联系地址：四川师范大学计算机科学学院</view>
		</view>
		<!-- 地图 -->
		<map class='map' :longitude="longitude" :latitude="latitude" :scale="scale" :markers='covers'></map>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				// 经度
				longitude: 104.201345,
				// 纬度
				latitude: 30.565973,
				scale: 13,
				covers: [{
					latitude: 30.565973,
					longitude: 104.201345,
					iconPath: '@/static/img/喜欢 (1).png',
					width: 30,
					height: 30
				}]
			}
		},
		methods: {
			// 手机拨打展示
			phone() {
				uni.makePhoneCall({
					phoneNumber: '19950720528' //仅为示例
				});
			}
		}
	}
</script>

<style lang='scss'>
	.contact {
		.img {
			width: 750rpx;
			height: 320rpx;
		}

		.info {
			padding: 10rpx 20rpx;
			font-size: 30rpx;

			view {
				line-height: 60rpx;
				border-bottom: 1px solid #eeeeee;
			}
		}
	}

	.map {
		width: 750rpx;
		height: 750rpx;
	}
</style>